<template>
  <div class="all">
    <nanning-screen-border-box :bgImg="bgImg">
      <screen-title :float-state="true">态势感知</screen-title>
      <div class="all-content" id="map-container"></div>
    </nanning-screen-border-box>
    <case-dialog class="case-dialog"></case-dialog>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
// @ts-ignore
import All from '../basic/All.js'
import caseDialog from './caseDialog.vue'

@Component({
  name: 'all',
  components: {
    caseDialog
  }
})

export default class AllCom extends Vue {
  private bgImg: string = require('assets/images/box-border-5.png')
  mounted() {
    return new All()
  }
}
</script>

<style lang="scss" scoped>
.all {
  width: 100%;
  height: 100%;
  color: #fff;
  position: relative;
  &-content {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 10px 6px;
    border-radius: 40px;
    overflow: hidden;
  }
}
</style>
